<template>
  <div class="app-container">
    <h1>资源消耗统计</h1>
    <el-table :data="resourceStatistics" style="width: 100%">
      <el-table-column prop="resourceName" label="资源名称"></el-table-column>
      <el-table-column prop="totalConsumed" label="总消耗量"></el-table-column>
      <el-table-column prop="averageConsumed" label="平均消耗量"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      resourceStatistics: [
        { resourceName: '农药A', totalConsumed: 50, averageConsumed: 5 },
        { resourceName: '喷雾器', totalConsumed: 20, averageConsumed: 2 },
        { resourceName: '除草机', totalConsumed: 15, averageConsumed: 1.5 }
      ]
    };
  }
};
</script>

<style scoped>
.app-container {
  padding: 20px;
}
</style>



